﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:abt1="clr-namespace:CommonControls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   
        xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
        xmlns:im="clr-namespace:Microsoft.Expression.Interactivity.Media;assembly=Microsoft.Expression.Interactions" 
    xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions" 
    x:Class="HinduAlmanac.MainPage" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" 
    Loaded="PhoneApplicationPage_Loaded">

    <phone:PhoneApplicationPage.Resources>

        <DataTemplate x:Key="ItemTemplate">
            <StackPanel Height="100">
                <TextBlock Text="{Binding Id}" Visibility="Collapsed"/>
                <TextBlock Text="{Binding Name}" FontSize="42.667"/>
            </StackPanel>
        </DataTemplate>
        <Storyboard x:Name="SbFacebook">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="SbTwitter">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image1">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="SbYoutube">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image2">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="SbBlogger">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="image3">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="image3">
                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1.2"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </phone:PhoneApplicationPage.Resources>

    <phone:PhoneApplicationPage.FontFamily>
        <StaticResource ResourceKey="PhoneFontFamilyNormal"/>
    </phone:PhoneApplicationPage.FontFamily>
    <phone:PhoneApplicationPage.FontSize>
        <StaticResource ResourceKey="PhoneFontSizeNormal"/>
    </phone:PhoneApplicationPage.FontSize>
    <phone:PhoneApplicationPage.Foreground>
        <StaticResource ResourceKey="PhoneForegroundBrush"/>
    </phone:PhoneApplicationPage.Foreground>

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <controls:Panorama>
            <controls:Panorama.Title>
                <StackPanel Margin="0,80,0,0" Orientation="Horizontal" Height="150">
                    <Image x:Name="imgLogo"  Margin="10,25,10,0" Width="101" Height="132" VerticalAlignment="Center"/>
                    <TextBlock x:Name="PanoramaTitle" Text="Hindu Almanac" Margin="20,0,0,-2" FontSize="100" FontFamily="Segoe WP"  VerticalAlignment="Center" HorizontalAlignment="Right"/>
                </StackPanel>
            </controls:Panorama.Title>
            <!--Panorama item one-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <ContentControl>
                        <TextBlock>calender</TextBlock>
                    </ContentControl>
                </controls:PanoramaItem.Header>
                <Grid x:Name="gridCalender">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <StackPanel Orientation="Horizontal" Grid.Row="0" HorizontalAlignment="Center">
                        <Image Source="FestivalImages/previous.png" Width="48" Height="48" MouseLeftButtonDown="Image_MouseLeftButtonDown"/>
                        <toolkit:DatePicker x:Name="dpicCalender" ValueChanged="dpicCalender_ValueChanged" Margin="20,0,0,0"/>
                        <Image Source="FestivalImages/next.png" Width="48" Height="48" Margin="20,0,0,0" MouseLeftButtonUp="Image_MouseLeftButtonUp"/>
                    </StackPanel>
                    <TextBlock Grid.Row="1" x:Name="tblkWeekDay"  HorizontalAlignment="Center" FontSize="30" Margin="0,20,0,20"/>
                    <Grid Grid.Row="2" Margin="10,0,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="205"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <TextBlock FontSize="30" Text="Tidi" Grid.Column="0" Grid.Row="0" />
                        <TextBlock x:Name="tblkTidi" FontSize="30" Grid.Column="1" Grid.Row="0" TextWrapping="Wrap" Height="70"/>
                        <TextBlock FontSize="30" Text="Nakshtram" Grid.Column="0" Grid.Row="1"/>
                        <TextBlock x:Name="tblkNakshatram" FontSize="30" Grid.Column="1" Grid.Row="1"  TextWrapping="Wrap" Height="70" />
                        <TextBlock FontSize="30" Text="Varjam" Grid.Column="0" Grid.Row="2" Height="70"/>
                        <ListBox x:Name="lbxVarjam" Margin="10,0,0,10" Grid.Column="1" Grid.Row="2">
                            <ListBox.ItemTemplate>
                                <DataTemplate >
                                    <TextBlock Text="{Binding Varjam}" FontSize="30" />
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                        <TextBlock FontSize="30" Text="Durmohortam" Grid.Column="0" Grid.Row="3"/>
                        <ListBox x:Name="lbxDurmohortam" Margin="10,0,0,10" Grid.Column="1" Grid.Row="3">
                            <ListBox.ItemTemplate>
                                <DataTemplate >
                                    <TextBlock Text="{Binding Durm}" FontSize="30" />
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </Grid>
                </Grid>
            </controls:PanoramaItem>


            <!--Panorama item two-->
            <controls:PanoramaItem>
                <controls:PanoramaItem.Header>
                    <ContentControl>
                        <TextBlock>festivals</TextBlock>
                    </ContentControl>
                </controls:PanoramaItem.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <toolkit:ListPicker x:Name="lstpicMonthNames" Grid.Row="0">
                        <toolkit:ListPicker.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding MonthName}" />
                            </DataTemplate>
                        </toolkit:ListPicker.ItemTemplate>
                        <toolkit:ListPicker.FullModeItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding MonthName}"/>
                            </DataTemplate>
                        </toolkit:ListPicker.FullModeItemTemplate>
                    </toolkit:ListPicker>

                    <ListBox x:Name="lbxFestivals" Margin="0,20,0,0" Grid.Row="1" SelectionChanged="lbxFestivals_SelectionChanged" Height="400">
                        <ListBox.ItemTemplate>
                            <DataTemplate >
                                <Grid Height="150">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="150"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"/>
                                    </Grid.RowDefinitions>
                                    <!--<Canvas>-->
                                    <TextBlock Text="{Binding FName}" Padding="50"  Height="200"  TextWrapping="Wrap" Grid.Row="0" Grid.Column="1" FontSize="30"/>
                                    <!--</Canvas>-->
                                    <!--<Canvas>-->
                                    <Image x:Name="imagelistfest" Width="110" Height="170" Grid.Row="0"    Grid.Column="0" Source="{Binding Imagelistfest}"/>
                                    <!--</Canvas>-->
                                </Grid>

                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

                </Grid>

            </controls:PanoramaItem>


            <!--Panorama item three-->
            <controls:PanoramaItem Header="about">
                <abt1:AboutUs></abt1:AboutUs>
                <!--<Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <ListBox x:Name="lbxAbout" ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding Collection}" SelectionChanged="lbxAbout_SelectionChanged"/>
                    <StackPanel Grid.Row="1" VerticalAlignment="Top" Orientation="Horizontal" Height="80" Width="400" Margin="17,0,0,0">
                        <Image x:Name="image" Margin="10,10,10,10" Width="60" Height="60" Source="Images/facebook.png" MouseLeftButtonDown="facebookImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbFacebook}"  />
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.Projection>
                                <PlaneProjection/>
                            </Image.Projection>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image1" Margin="30,10,10,10" Width="60" Height="60" Source="Images/twitter.png" MouseLeftButtonDown="twitterImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbTwitter}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image2" Margin="30,10,10,10" Width="60" Height="60" Source="Images/youtube.png" MouseLeftButtonDown="youtubeImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbYoutube}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                        <Image x:Name="image3" Margin="30,10,10,10" Width="60" Height="60" Source="Images/blog.png"    MouseLeftButtonDown="blogImage_MouseLeftButtonDown" RenderTransformOrigin="0.5,0.5">
                            <Custom:Interaction.Triggers>
                                <Custom:EventTrigger EventName="MouseLeftButtonDown">
                                    <im:ControlStoryboardAction Storyboard="{StaticResource SbBlogger}"/>
                                </Custom:EventTrigger>
                            </Custom:Interaction.Triggers>
                            <Image.RenderTransform>
                                <CompositeTransform/>
                            </Image.RenderTransform>
                        </Image>
                    </StackPanel>
                </Grid>-->
            </controls:PanoramaItem>
        </controls:Panorama>
    </Grid>
</phone:PhoneApplicationPage>